<template>
	<view>
		<view class="flexbetween flex_wrap ">
			<view class="spbox margin_top" v-for="item in list" :key="item.id" @click="tzsoxq(item.id)">
				<image class="sptp" :src="item.image_text" mode=""></image>
				<view class="" style="padding: 30rpx 15rpx;">
					<view class="ershiba xiaohei yhxk">{{item.title}}</view>
					<view class="flexleft">
						<view class="strongtext xiaocheng margin_top margin_right2">￥
							<text class="sanshier xiaocheng ">{{item.price}}</text>
						</view>
						<view class="strongtext xiaohui zhonghuax margin_top">￥
							<text class="strongtext xiaohui">{{item.goodsprice.market_price}}</text>
						</view>
					</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		name: "goodslist",
		props:['list'],
		data() {
			return {

			};
		},
		methods:{
			// 跳转商品详情
			tzsoxq(id) {
				uni.navigateTo({
					url: '/pages_homepage/shangpinxq?id='+id
				})
			}
		}
	}
</script>

<style scoped>
	.spbox {
		width: 48%;
	}

	.sptp {
		width: 338rpx;
		height: 338rpx;
		border-radius: 11rpx 11rpx 0 0;
	}

	.spbox {
		background: #FFFFFF;
		border-radius: 11rpx 11rpx 11rpx 11rpx;
	}
</style>